<script>

export default {
    name: "App"
}
</script>

<template>
    <div class="container">
        <nav>
            <router-link  to="/">首页</router-link>|
            <router-link to="/goodsList">商品列表</router-link>|
            <router-link to="/newsList">新闻列表</router-link>|
            <router-link to="/my">我的个人中心</router-link>
        </nav>
        <router-view name="One"></router-view>
        <router-view name="Two"></router-view>
        <router-view></router-view>
    </div>
</template>

<style scoped lang="less">
.container {
    text-align: center;
    a {
        margin: 10px;
        color: skyblue;

        &.active {
            color: red;
        }
    }
}
</style>